/* 清除默认样式 */
/* 清除无序列表默认样式 */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 设置导航栏样式 */
/* 设置侧边导航栏 */
.category-nav {
  position: fixed; /* 从 absolute 改成 fixed，固定在视口 */
  top: 135px; /* 顶部导航栏高度 + 内边距，调整为和顶部导航内边距一致 */
  left: 120px; /* 和顶部导航栏左右内边距一致 */
  width: 160px;
  height: 480px; /* 视口高度减去顶部导航栏高度 */
  background-color: #f5f5f5;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  z-index: 1000;
}

/* 设置导航内容 */
.nav-content {
  width: 100%;
  height: 100%;
}
/* 设置导航列表，让元素垂直排列 */
.nav-list {
  display: flex;
  flex-direction: column;
  gap: 10px; /* 设置列表项之间的间距 */
}

/* 设置导航项 */
.nav-item {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}

/* 设置导航列表元素 */
.nav-item:hover {
  background-color: #e0e0e0; /* 鼠标悬停时改变背景色 */
}

/* 文字居中 */
.book-category {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
